<template>
  <div class="personnel-management">
    <el-tabs type="border-card">
      <el-tab-pane label="组织管理">
        <OrganizationManagement />
      </el-tab-pane>
      <el-tab-pane label="成员管理">
        <MemberManagement />
      </el-tab-pane>
      <el-tab-pane label="权限管理">
        <RoleManagement />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script lang="ts" setup>
import OrganizationManagement from './components/OrganizationManagement.vue';
import MemberManagement from './components/MemberManagement.vue';
import RoleManagement from './components/RoleManagement.vue';
</script>

<style lang="scss" scoped>
.personnel-management {
  :deep(.el-tabs__content) {
    padding: 0;
  }
}
</style>